@import "function";
@import "var";
@import "mixin";

.login-view{
  height: 100%;
  background: url("./common/img/dm/login-bg.jpg") no-repeat;
  background-size: 100%;
  .login-header{
    height:px2rem(75px);
    display: flex;
    span{
      height: 100%;
    }
    i {
      color: #ffffff;
      font-size: px2rem(45px);
      padding: 0 px2rem(15px);
    }
  }
  .inp {
    width: 90%;
    margin: 0 auto;
    display: flex;
    height: px2rem(90px);
    align-items: center;
    background-color: rgba(233, 229, 229, 0.4);
    border: 1px solid #eee;
    border-radius: px2rem(45px);
    input{
      background-color: transparent;
      border: none;
      flex: 1;
      height: 100%;
      outline: none;
      font-size: px2rem(30px);
      padding-right:px2rem(30px);
      &:-moz-placeholder {
        color: #fff; opacity:1;
      }
      &::-moz-placeholder {
        color: #fff;opacity:1;
      }
      &:-ms-input-placeholder{
        color: #fff;opacity:1;
      }
      &::-webkit-input-placeholder{
        color: #fff;opacity:1;
      }
    }
    label{
      flex: 0 0 3em;
      text-align: center;
      i{
        color: #fff;
      }
    }
  }
  .login-logo{
    font-size: px2rem(100px);
    color: #ffffff;
    margin: px2rem(100px) 0 px2rem(200px);
  }
  .link{
    width:90%;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    span{
      cursor: pointer;
      font-size: px2rem(28px);
      color: #fff;
    }
  }
}


